$cr-0: #000;
$cr-1: lighten($cr-0, 6.75%); // #111
$cr-2: lighten($cr-0, 13.5%); // #222
$cr-3: lighten($cr-0, 20%); // #333
$cr-4: lighten($cr-0, 26.75%); // #444
$cr-5: lighten($cr-0, 33.5%); // #555
$cr-6: lighten($cr-0, 40%); // #666
$cr-7: lighten($cr-0, 46.7%); // #777
$cr-8: lighten($cr-0, 53.5%); // #888
$cr-9: lighten($cr-0, 60%); // #999
$cr-a: lighten($cr-0, 66.7%); // #aaa
$cr-b: lighten($cr-0, 73.5%); // #bbb(正确)
$cr-c: lighten($cr-0, 80%); // #ccc
$cr-d: lighten($cr-0, 86.75%); // #ddd
$cr-e: lighten($cr-0, 93.5%); // #eee
$cr-f: lighten($cr-0, 100%); // #fff

$brand-primary: rgba(50, 119, 233, 1); // 主体颜色 #3277e95
$gray-home: #E5E9ED; // 首页灰色
$primary: #3F9EFF; // 大部分蓝色
$primary-hover: #3B92EC; // 大部分蓝色(鼠标经过)

$brand-success: #5cb85c;
$brand-info: rgba(168, 178, 190, 1); // 灰色 #A8B2BE
$brand-warning: #f0ad4e;
$brand-danger: #d9534f;
$brand-border: #DEE4EA; //主体边框颜色
$label-width: 100px; // label宽度
/* 字体大小  */
$ft-sz: 14px;
$sz0: ceil(($ft-sz * 0)); // ~0px
$sz4: ceil(($ft-sz * 0.85 / 3)); // ~4px
$sz12: ceil(($ft-sz * 0.85)); // ~12px
$sz16: ceil(($ft-sz * 1.125)); // ~16px
$sz18: ceil(($ft-sz * 1.25)); // ~18px
$sz20: ceil(($ft-sz * 1.428)); // ~20px
$sz24: ceil(($ft-sz * 1.7)); // ~24px
$sz32: ceil(($ft-sz * 2.28)); // ~32px

/* 水平、垂直居中 */
@mixin tc {
  text-align: center;
}

@mixin vc {
  vertical-align: middle;
}

@mixin center {
  margin: 0 auto;
}

/* 背景100% */
@mixin bz100 {
  background-size: 100%;
}

/* 宽度  */
@mixin wid100 {
  width: 100%;
}

@mixin higt100 {
  height: 100%;
}

/* 圆角  */
@mixin border-radius($radius) {
  border-radius: $radius;
}

/* 填充  */
@mixin pdT($padding) { // 上
  padding-top: $padding
}

@mixin pdR($padding) { // 右
  padding-right: $padding
}

@mixin pdB($padding) { // 下
  padding-bottom: $padding
}

@mixin pdL($padding) { // 左
  padding-left: $padding
}

@mixin pdTB($padding) { // 上下
  padding-top: $padding;
  padding-bottom: $padding;
}

@mixin pdLR($padding) { // 左右
  padding-left: $padding;
  padding-right: $padding;
}

@mixin pdA($padding) {
  padding: $padding
}

@mixin mgL($margin) {
  margin-left: $margin;
}

@mixin mgT($margin) {
  margin-top: $margin;
}

@mixin mgR($margin) {
  margin-right: $margin;
}

@mixin mgB($margin) {
  margin-bottom: $margin;
}

@mixin mgLR($margin) { // 上下边距
  margin-right: $margin;
  margin-left: $margin;
}

/* 行高  */
@mixin line-height($heightValue: 12) {
  line-height: $heightValue + px;
}

/* 溢出隐藏  */
@mixin overflow {
  overflow: hidden;
}

/* 定位 */
@mixin rel {
  position: relative;
}

@mixin abs {
  position: absolute;
}

@mixin fix {
  position: fixed;
}

/* 鼠标手 */
@mixin cursor {
    cursor: pointer;
}


/* 行内、块级 */
@mixin block {
  display: block;
}

@mixin inline {
  display: inline-block;
}

@mixin none {
  display: none;
}

@mixin fl {
  float: left;
}

@mixin fr {
  float: right;
}

/*平分布局*/
.flex_box {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
}

.flex {
  box-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
}

/* 垂直居中 */
.vertical {
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-box-align: center;
}

/*水平居中*/
.horizontal {
  box-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-box-pack: center;
}

/* 清除填充 */
.clear_padding {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

$icon-size: 209px 81px;
$color: #3277E9;
.g-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  z-index: 999;
}

/* 带有搜索按钮的输入框*/
.input-has-search .el-input-group__append {
  padding: 0 15px;
  background-color: $color;
  border: 1px solid $color;
  color: #fff;
}

